<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/hone.min.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2617385_arnhd790id7.css">
    <title>首页</title>
</head>

<body>
    <div class="web">
        <header>
            <div class="logo">
                <img src="./img/首页图/LOGO.jpg" alt="">
            </div>
            <div class="search">
                <input type="text" name="" id="" placeholder="请输入商品名称">
                <input type="image" name="" id="" value="" src="./img/首页图/搜索矩.jpg" />
            </div>
            <div class="city">
                <select>
                    <option value="gz">广州市</option>
                    <option value="sz">深圳市</option>
                </select>
            </div>
        </header>
        <section>
            <div class="banner">
                <img src="./img/首页图/banner.jpg" alt="">
            </div>
            <div class="top">
                <div class="left">
                    <span>
                        <img src="./img/首页图/团购小logo.jpg" />
                        优惠团购
                    </span>
                    <span><a href="">更多</a><i class="iconfont icon-gengduo"></i></span>
                </div>
                <div class="middle">
                    <div><img src="./img/首页图/图层 5麦霸福音.jpg" alt=""></div>
                    <div><img src="./img/首页图/图层 6旅游大转盘.jpg" alt=""></div>
                </div>
                <div class="middle">
                    <div><img src="./img/首页图/图层 7酒店年终.jpg" alt=""></div>
                    <div><img src="./img/首页图/图层 8外卖狂欢周.jpg" alt=""></div>
                </div>
                <div class="left">
                    <span>
                        <img src="./img/首页图/形状 5爱心.jpg" />
                        猜你喜欢
                    </span>
                    <span><a href="">更多</a><i class="iconfont icon-gengduo"></i></span>
                </div>
                <div class="bottom">
                    <div class="goods">
                        <div class="g-img">
                            <img src="./img/首页图/图层 3万岁寿司.jpg" />
                        </div>
                        <div class="shousi">
                            <a href="">
                            <span>万岁寿司 ( 正佳店 )</span>
                            <span>[100点通用] 双人套餐</span>
                            <span>&yen; 88.00</span>
                        </a>
                        </div>
                        <div class="good-right">
                            <span>&lt;100m</span>
                            <span>已售1000</span>
                        </div>
                    </div>
                    <div class="goods">
                        <div class="g-img">
                            <img src="./img/首页图/图层 4周黑鸭.jpg" />
                        </div>
                        <div class="shousi">
                            <a href="">
                            <span>万岁寿司 ( 正佳店 )</span>
                            <span>[100点通用] 双人套餐</span>
                            <span>&yen; 88.00</span>
                        </a>
                        </div>
                        <div class="good-right">
                            <span>&lt;100m</span>
                            <span>已售1000</span>
                        </div>
                    </div>
                </div>

            </div>
        </section>
        <footer>
            <ul class="foot-bot">
                <li><a href="">
                        <img src="./img/首页图/首页.jpg" alt="">
                        <span>首页</span>
                    </a>
                </li>
                <li><a href="./classify.html">
                        <img src="./img/首页图/分类4.jpg" alt="">
                        <span>分类</span>
                    </a>
                </li>
                <li>
                    <a href="./discover.html">
                        <img src="./img/首页图/形状 7 发现.jpg" alt="">
                        <span>发现</span>
                    </a>
                </li>
                <li><a href="./my.html">
                        <img src="./img/首页图/我的.jpg" alt="">
                        <span>我的</span>
                    </a>
                </li>
            </ul>
        </footer>
    </div>
</body>

</html>